<?php
include_once 'recursos/config.php';
$conf = new configuracion();
$dominio = $conf->getG2uDominio()."/";
?>
<img src="<?=$dominio?>images/png/nube1.png" style="position: absolute;  z-index: -1000; top: 10px;" id="n1" />
<img src="<?=$dominio?>images/png/nube2.png" style="position: absolute;  z-index: -1000; top: 100px" id="n2" />
<!--<img src="<?=$dominio?>images/png/nube1.png" style="position: absolute;  z-index: -1000; top: 150px" id="n3" />
<img src="<?=$dominio?>images/png/nube2.png" style="position: absolute;  z-index: -1000; top: 200px" id="n4" />-->
<img src="<?=$dominio?>images/png/nube1.png" style="position: absolute;  z-index: -1000; top: 250px" id="n5" />
<img src="<?=$dominio?>images/png/nube2.png" style="position: absolute;  z-index: -1000; top: 300px" id="n6" />
<img src="<?=$dominio?>images/png/nube1.png" style="position: absolute;  z-index: -1000; top: 350px" id="n7" />
<!--<img src="<?=$dominio?>images/png/nube1.png" style="position: absolute;  z-index: -1000; top: 400px" id="n8" />-->
<img src="<?=$dominio?>images/png/nube1.png" style="position: absolute;  z-index: -1000; top: 410px" id="n9" />
<img src="<?=$dominio?>images/png/nube1.png" style="position: absolute;  z-index: -1000; top: 20px" id="n10" />

        <script>
            function go(id, tiempo){
                $("#"+id+"").animate({ 
                    left: "+=1200px"
                }, tiempo, "linear", function() {
                    go_back(id, tiempo);
                });
            }
            
            function go_back(id, tiempo){
                $("#"+id+"").animate({ 
                    left: "-=1200px"
                }, tiempo, "linear", function() {
                    go(id, tiempo);
                });
            }

            $(document).ready(function(){
                go("n1",10500);
                go("n2",15500);
                //go("n3",19500);
                //go("n4",11500);
                go("n5",7500);
                go("n6",10500);
                go("n7",9500);
                //go("n8",17500);
                go("n9",16500);
                go("n10",15500);
            });
                
        </script>